<!DOCTYPE html>
<html class="no-js" lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1, shrink-to-fit=no"
    />
    <title>爱健鸿康</title>
    <link
      rel="icon"
      href="static/image/logo-3.png"
      type="image/gif"
      sizes="16x16"
    />
    <link
      rel="icon"
      href="static/image/logo-3.png"
      type="image/gif"
      sizes="18x18"
    />
    <link
      rel="icon"
      href="static/image/logo-3.png"
      type="image/gif"
      sizes="20x20"
    />

    <link rel="stylesheet" href="static/css/bootstrap.min.css" />
    <link rel="stylesheet" href="static/css/bootstrap-icons.css" />
    <link rel="stylesheet" href="static/css/font-awesome-pro.css" />
    <link rel="stylesheet" href="static/css/animate.css" />
    <link rel="stylesheet" href="static/css/glightbox.min.css" />
    <link rel="stylesheet" href="static/css/scrollCue.css" />
    <link rel="stylesheet" href="static/css/swiper-bundle.css" />
    <link rel="stylesheet" href="static/css/spacing.css" />
    <link rel="stylesheet" href="static/css/main.css" />
    <link rel="stylesheet" href="static/css/responsive.css" />
  </head>
  <body>
    <!-- Preloader -->
<custom-loading></custom-loading>

    <!-- Header -->
    <header-nav></header-nav>
    <!-- End Header Section -->

    <!-- Breadcrumb Section -->
    <!-- <section
      class="breadcrumb-section text-center pt-200 pb-140"
      style="background-image: url('static/image/breadcrumb.png')"
    >
      <div class="container">
        <div class="row">
          <div class="col-lg-12">
            <div class="content">
              <h2>Error Page</h2>
              <ul>
                <li><a href="index.html">Home</a></li>
                <li>404</li>
              </ul>
            </div>
          </div>
        </div>
      </div>
    </section> -->

    <!-- Start 404 Content -->
    <div class="error-page-404 pt-100 pb-100">
      <div class="container">
        <div class="row">
          <div class="col-lg-8 offset-lg-2 text-center">
            <div class="container">
              <div class="row">
                <div class="content">
                  <h2>404</h2>
                  <h4>Page Not Found</h4>
                  <p>
                    Oops! The Page You Were Asking For Dose not Exist. Try
                    Search Our Site For What You Are Looking For.
                  </p>
                  <a class="button-1" href="index.html">Back to Home</a>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- End 404 Content -->

    <!-- Footer Start -->
    <footer-bar></footer-bar>
    <!-- Footer End -->

    <div class="scroll-area">
      <i class="fa-regular fa-arrow-up"></i>
    </div>

    <!-- Js File -->
    <script src="static/js/modernizr.min.js"></script>
    <script src="static/js/jquery-3.6.3.min.js"></script>
    <script src="static/js/popper.min.js"></script>
    <script src="static/js/bootstrap.min.js"></script>
    <script src="static/js/mixitup.min.js"></script>
    <script src="static/js/glightbox.min.js"></script>
    <script src="static/js/jquery.waypoints.min.js"></script>
    <script src="static/js/jquery.counterup.min.js"></script>
    <script src="static/js/vanilla-tilt.min.js"></script>
    <script src="static/js/swiper-bundle.js"></script>
    <script src="static/js/scrollCue.min.js"></script>
    <script src="static/js/wow.js"></script>
    <script src="static/js/mobile-menu.js"></script>
    <script src="static/js/main.js"></script>
  </body>
</html>
